<template>
  <div>
    <my-header myheader="图文介绍"></my-header>
    <div class="goods-desc">
      <h3 class="desc-title">
        {{info.title}}
      </h3>
      <div class="desc-content" v-html="info.content"></div>
    </div>
  </div>
</template>

<script>
import {getdesc} from '@/api/goodsApi'
import MyHeader from '@/components/myheader'
export default {
  data () {
    return {
      info: {}
    }
  },

  components: {
    MyHeader
  },

  computed: {},

  mounted () {
    console.log(this.$route)
    getdesc(this.$route.params.id)
      .then(res => {
        console.log(res)
        this.info = res.message[0]
      })
  },

  methods: {}
}

</script>
<style>
  img{
    display: block;
  }
</style>
<style lang='scss' scoped>
  .goods-desc {
    margin-top: 50px;
    h3 {
      font-weight: bold;
      color: #26a2ff;
      font-size: 16px;
      margin-bottom: 5px;
    }
    .desc-content {
      font-size: 14px;
    }
  }
</style>
